<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>唐诗测试游戏</title>
</head>

<body>
	<!-- 
	完成唐诗测试游戏：准备一首五言诗，如“白日依山尽 黄河入海流 欲穷千里目 更上一层楼”，每句随机去掉一个字，用__代替，然后将去掉的字组合为4种选项，让用户选择，判断用户选择的选项顺序是否正确。以下是程序输出的例子：
	唐诗测试游戏：
	白日__山尽 __河入海流 欲穷千__目 更上__层楼
	A. 依 黄 里 一 B. 一 里 黄 依
	C. 一 里 依 黄 D. 里 黄 一 依
	请输入您的选项： B （B为用户输入）
	您的选项不正确，请重新输入
	请输入您的选项： A （A为用户输入）
	恭喜您答对了！
	 -->
	<script src="../../js-libs/global.js"></script>
	<script>
	 	var p = "白日依山尽\n黄河入海流\n欲穷千里目\n更上一层楼";
	 	var sens = p.split("\n");
	 	var chars = [];		// 存放需要填写的字
	 	var i = 0, len = sens.length, ran;
	 	for (i; i < len; i++) {
	 		ran = Math.floor(Math.random()*len);
	 		char = sens[i][ran];
	 		chars.push(char);
	 		sens[i] = sens[i].replace(char, '____');
	 	};
	 	show(sens.join("<br>"));
	 	show("<p>请输入您的选项：</p>")
	 	var bullets = ["A", "B", "C", "D"];
	 	var options = [];		// 存放选项
	 	var arrtemp = [];		// 存放打乱的选项
	 	for (var i = 0; i < bullets.length; i++) {
	 		options = chars.toString().split(","), arrtemp = [];
	 		// 随机分配选项
		 	while (options.length > 0) {
		 		ran = Math.floor(Math.random()*options.length);
		 		arrtemp.push(options[ran]);
		 		options.splice(ran, 1);
		 		// console.log("原——>"+options+"\t\t\t新——>"+arrtemp);
		 	};
		 	show(bullets[i]+"："+arrtemp.join(" "));
	 	};

	 	function show (content) {
	 		var p = document.createElement("p");
	 		p.innerHTML = content;
	 		document.body.appendChild(p);
	 	}
	</script>
</body>
</html>
